import Item from '../Item'
import './index.scss'
import {observer} from "mobx-react-lite";

const List = (props) => {
  const { todos, updateTodo, deleteTodo } = props
  return (
      <ul className='todo-main'>
        {
          todos.map(todo => {
            return <Item key={todo.id} {...todo} updateTodo={updateTodo} deleteTodo={deleteTodo} />
          })
        }
      </ul>
  )
}

export default observer(List);
